/* components/order.wxss */
/* 页面背景 */
.container {
  background-color: #f7f7f7;
 
  
}

/* 订单卡片 */
.order-card {
  background-color: #ffffff;
  border-radius: 16rpx;
  box-shadow: 0 4rpx 10rpx rgba(0, 0, 0, 0.1);
  padding: 30rpx;
  margin-bottom: 20rpx;
  width: 490px;
}

/* 订单头部 */
.order-header {
  font-size: 30rpx;
  font-weight: bold;
  color: #333;
  margin-bottom: 20rpx;
  border-bottom: 1rpx solid #eee;
  padding-bottom: 10rpx;
  
}

/* 订单详情 */
.order-details view {
  font-size: 26rpx;
  color: #555;
  margin-bottom: 10rpx;
}

/* 亮点样式 */
.highlight {
  color: #007BFF;
  font-weight: bold;
}

.price {
  color: #e63946;
  font-weight: bold;
}

.remark {
  color: #555;
  font-style: italic;
}

/* 服务区 */
.order-services {
  margin-top: 20rpx;
}

.section-title {
  font-size: 28rpx;
  font-weight: bold;
  color: #007BFF;
  margin-bottom: 20rpx;
}

/* 单个服务项 */
.service-item {
  display: flex;
  align-items: flex-start;
  background-color: #f9f9f9;
  border-radius: 12rpx;
  padding: 20rpx;
  margin-bottom: 20rpx;
  box-shadow: 0 2rpx 6rpx rgba(0, 0, 0, 0.05);
}

/* 服务图片 */
.service-image {
  width: 150rpx;
  height: 150rpx;
  border-radius: 12rpx;
  margin-right: 20rpx;
}

/* 服务详情 */
.service-details {
  flex: 1;
}

.service-name {
  font-size: 28rpx;
  font-weight: bold;
  color: #333;
  margin-bottom: 10rpx;
}
